@layout("/common/_container.html"){

<div class="wrapper wrapper-content animated fadeInRight">
    <div class="row">
        <div class="col-sm-3">
            <#NameCon id="roadnetName" name="路网" underline="true"
            hidden="roadnetId" readonly="readonly"
            clickFun="AssessmentChar.showRoadnetSelectTree(); return false;"
            style="background-color: #ffffff !important;"
            selectFlag="true" selectId="roadnetTreeDiv" selectTreeId="roadnetTree"
            selectStyle="width:244px !important;"/>
        </div>
        <div class="col-lg-3 col-sm-3">
            <#TimeCon id="beginDate" name="开始日期" isTime="false"/>
        </div>
        <div class="col-lg-3 col-sm-3">
            <#TimeCon id="endDate" name="结束日期" isTime="false"/>
        </div>
        <div class="col-sm-3">
            <#button name="搜索" icon="fa-search" clickFun="AssessmentChar.search()"/>
        </div>
    </div>

    <br/>
    <h3>一级指标</h3>
    <div class="alert alert-warning" role="alert">
        [0,0.3]低风险，(0.3,0.9]较低风险，(0.9,1.5)中风险，[1.5，∞）高风险~
    </div>
    <hr style="height:10px;border:none;border-top:10px groove skyblue;"/>
    <div id="echarsLineArea1" class="row"></div>

    <h3>二级指标</h3>
    <hr style="height:10px;border:none;border-top:10px groove skyblue;"/>
    <div id="echarsLineArea2" class="row"></div>

    <h3>三级指标</h3>
    <hr style="height:10px;border:none;border-top:10px groove skyblue;"/>
    <div id="echarsLineArea3" class="row"></div>
</div>


<script type="text/template" id="echarsLineTemplate">
    <div class="col-sm-6">
        <div class="ibox float-e-margins">
            <div class="ibox-title">
                <h5>折线图</h5>
            </div>
            <div class="ibox-content">
                <div class="echarts" id="echartsLine"></div>
            </div>
        </div>
    </div>
</script>

<script src="${ctxPath}/static/js/plugins/echarts/echarts-all.js"></script>
<script src="${ctxPath}/static/modular/assessment/assessment_char.js"></script>
<script>
    laydate.render({
        elem: '#beginDate'
    });
    laydate.render({
        elem: '#endDate'
    });
</script>
@}
